<!DOCTYPE html>
<html>
  <head>
    <meta charset="UTF-8" />
    <title>练习一下单文件组件的语法</title>
    <!-- 不能在这里引入JS，防止渲染时，结构还没有出来 -->
  </head>
  <body>
    <!-- 使用组件，不想在容器中写的话，可以在组件template写 -->
    <div id="root"></div>
    <!-- 1：先引入Vue的Js文件 -->
    <script src="../js/vue.js"></script>
    <!-- 2：引入统一管理组件（入口文件），在body结构的最下方引入，确保模板结构加载完毕再渲染 -->
    <script src="./main.js"></script>
  </body>
</html>
